<!DOCTYPE html>
<html>
<head>
    <link href="css/main.css" type="text/css" rel="stylesheet"/>
    <title>Achievements</title>
</head>
<body>
<div class="all-achievements">
<div><h2 class="earned-achieve">Earned</h2></div>
<div class="grid four">
    <div class="photos">
        <div class="photo"><img src="img/Capture.PNG"></div>
        <div class="photo"><img src="img/Capture.PNG"></div>
        <div class="photo"><img src="img/Capture.PNG"></div>
    </div>
</div>
<div><h2 class="locked-achieve">Locked</h2></div>
<div class="grid four">
    <div class="photos">
        <div class="photo"><img src="img/Capture.PNG"></div>
        <div class="photo"><img src="img/Capture.PNG"></div>
        <div class="photo"><img src="img/Capture.PNG"></div>
        <div class="photo"><img src="img/Capture.PNG"></div>
        <div class="photo"><img src="img/Capture.PNG"></div>
    </div>
</div>
<div><h2 class="locked-neg-achieve">Locked negative</h2></div>
<div class="grid four">
    <div class="photos">
        <div class="photo"><img src="img/Capture.PNG"></div>
        <div class="photo"><img src="img/Capture.PNG"></div>
    </div>
</div>
</div>
</body>
</html>